<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>西瓜生活</title>
<link type="text/css" href="css/index_main.css" rel="stylesheet" />
<link type="text/css" href="css/common.css" rel="stylesheet" />
<link type="text/css" href="css/reset.css" rel="stylesheet" />
</head>

<body>
<div class="index">
  <div class="index_top">
    <div class="index_top_ width_1200_center">
      <div class="index_top_user position_re fl"><p><span class="span11 display_n"><a href="user_home.html"><span class="span1">许小鞋714</span><span class="span2"></span></a></span><span class="span21"><span class="span3"><a href="user_login.html">Hi，请登录</a></span><span class="span4"><a href="register.html">免费注册</a></span></span></p><div class="user_info display_n"><div class="user_info_pic fl"></div><div class="user_info_txt fl"><p class="p1">许小鞋714（小雨滴825936）</p><p class="p2">会员级别：皇冠会员</p><p class="p2 p3"><span>账号安全：</span><span class="span5"><span class="span6"></span></span><span class="span7">较高</span></p><p class="p4"><a href="#">个人资料</a><a href="#">退出</a></p></div></div></div>
      <div class="index_top_serve position_re fr"><span class="serve"><a href="javascript:;">客户服务</a></span><div class="serve_problem position_ab display_n"><a href="#">在线客服</a><a href="#">售后服务</a><a href="#">购物指南</a></div></div>
      <div class="index_top_favorite fr"><a href="user_home_favorite.html">收藏夹</a></div>
      <div class="index_top_cart fr"><a href="user_home_cart.html">购物车</a></div>
      <div class="index_top_order fr"><a href="user_home_order.html">我的订单</a></div>
    </div>
  </div>
  <div class="index_logo clearfix">
    <div class="index_logo_ width_1200_center">
      <div class="index_logo_logo fl">
        <a href="javascript:;" title="西瓜二手车电子商务"><img src="images/index_logo_logo2.png" title="西瓜二手车电子商务" /></a>
      </div>
      <div class="index_logo_city fl">
        <div class="index_logo_city_cen">
          <div class="show_hide_city_a position_re"><span class="span12"><a href="buy.html" class="show_hide_city"><span class="span1">柳州</span><span class="span2"></span></a></span><div class="index_logo_city_ display_n">
              <!--<div class="index_logo_city_search">
                <input class="sea1" type="search" placeholder="请输入查询内容" value="请输入查询内容"/><input class="sea2" type="submit" value="查询" />
              </div>-->
              <div class="index_logo_city_list"> 
                <dl>
                    <dt>热门</dt>
                    <dd><a href="javascript:;">南宁</a><a href="javascript:;">柳州</a><a href="javascript:;">桂林</a><a href="javascript:;">梧州</a><a href="javascript:;">北海</a></dd>
                </dl> 
                <dl>
                    <dt>A</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>B</dt>
                    <dd><a href="javascript:;">北海</a><a href="javascript:;">百色</a></dd>
                </dl> 
                <dl>
                    <dt>C</dt>
                    <dd><a href="javascript:;">崇左</a></dd>
                </dl> 
                <dl>
                    <dt>D</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>E</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>F</dt>
                    <dd><a href="javascript:;">防城港</a></dd>
                </dl> 
                <dl>
                    <dt>G</dt>
                    <dd><a href="javascript:;">桂林</a><a href="javascript:;">贵港</a></dd>
                </dl> 
                <dl>
                    <dt>H</dt>
                    <dd><a href="javascript:;">贺州</a><a href="javascript:;">河池</a></dd>
                </dl> 
                <dl>
                    <dt>I</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>J</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>K</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>L</dt>
                    <dd><a href="javascript:;">柳州</a><a href="javascript:;">来宾</a></dd>
                </dl> 
                <dl>
                    <dt>M</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>N</dt>
                    <dd><a href="javascript:;">南宁</a></dd>
                </dl> 
                <dl>
                    <dt>O</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>P</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>Q</dt>
                    <dd><a href="javascript:;">钦州</a></dd>
                </dl> 
                <dl>
                    <dt>R</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>S</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>T</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>U</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>V</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>W</dt>
                    <dd><a href="javascript:;">梧州</a></dd>
                </dl> 
                <dl>
                    <dt>X</dt>
                    <dd>&nbsp;</dd>
                </dl> 
                <dl>
                    <dt>Y</dt>
                    <dd><a href="javascript:;">玉林</a></dd>
                </dl> 
                <dl>
                    <dt>Z</dt>
                    <dd>&nbsp;</dd>
                </dl>
             </div>
          </div></div>
          
        </div>
      </div>
      <div class="index_logo_search">
        <span class="fr"><input type="text" class="index_logo_search_input" placeholder="请输入要买的品牌" name="keyword" autocomplete="off"><button class="search_btn">搜索</button></span>
        <!--1、在div的class中fr会影响到下一个div浮动 就得这样,2、加一个<div class="hr_5"></div>也可以，如购物车页面3、或者加一个overflow-->
      </div>
    </div>  
  </div>
  <div class="index_nav1 clearfix">
    <div class="index_nav1_ width_1200_center">
      <div class="index_nav1_home fl"><a href="index.html">首页</a></div>
      <div class="index_nav1_buy fl"><a href="buy.html">买车</a></div>
      <div class="index_nav1_sell fl"><a href="sell.html">卖车</a></div>
      <div class="index_nav1_assess fl"><a href="assess.html">评估</a></div>
      <div class="index_nav1_serve fl"><a href="serve.html">服务保障</a></div>
      <div class="index_nav1_idea fr"><a href="idea.html">意见反馈</a></div>
    </div>
  </div>
  <div class="hr_5"></div>
  <div class="user_content f_f width_1200_center">
    <div class="content_position">您当前的位置：<a href="javascript:">首页</a><span>&gt;</span><a href="javascript:">人车生活</a></div>
   <!-- <div class="user_content_top f_z15"><a href="#">注册会员</a><span>Register</span></div>-->
    <div class="content_goods_cart_top over_hidden">
      <div class="top_cart top_recommend fl">好车推荐</div>
      <div class="top_cart top_know fl">车辆知识</div>
      <div class="top_cart top_story fl">人车故事</div>
      <div class="top_all fr"><span class="span1">西瓜店-全部人车</span><span class="span2">4</span></div>
    </div>
    <!--以后复制的开始--> 
    <div class="hr_5"></div>
    <div class="buy_content_li_list width_1200_center buy_content_li_list1 over_hidden clearfix">
    <script type="text/javascript">
    var html='';
    for (var i = 1; i<=4; i++) {
        
      html+='<div class="buy_content_con_margin_l"><!--只用来向右移动的，这样才不会有一个因为父级宽度不够出现在下方-->';
        html+='<div class="buy_content_con_c<?=$i?> buy_content_con_c width_h_292_276 over_hidden fl"><!--只用来设置内边距--><!--用来设置外右边距-->';
          html+='<div class="buy_content_con_cc width_h_292_276">';
            html+='<div class="buy_content_con_pic width_h_292_186">';
              html+='<img src="images/112.png" width="292" height="186"/>';
            html+='</div>';
            html+='<div class="buy_content_con_txt width_h_292_90">';
              html+='<p class="p1 p11">';
                html+='<a title="低调有内涵——郭小姐和她的英菲尼迪QX50" href="#">低调有内涵——郭小姐和她的英菲尼迪QX50</a>';
              html+='</p>';
              html+='<p class="p2 p22">';
                html+='作者：<span class="">许绍协</span>&nbsp;&nbsp;<span class="">2016-11-14</span>';
             html+='</p>';
              html+='<p class="p3 p33">';
               html+='<span class="liulan">47856</span>&nbsp;&nbsp;<span class="huifu">0</span>';
              html+='</p>';
            html+='</div>';
          html+='</div>';
        html+='</div>';
      html+='</div>';
  
        }
    document.write(html);
    </script>
  
    </div><!--遍历内容部分完-->
    <div class="buy_content_li_list width_1200_center buy_content_li_list2 over_hidden display_n clearfix">
    <script type="text/javascript">
      var html='';
      for (var i = 1; i<=4; i++) {
      html+='<div class="buy_content_con_margin_l"><!--只用来向右移动的，这样才不会有一个因为父级宽度不够出现在下方-->';
        html+='<div class="buy_content_con_c<?=$i?> buy_content_con_c width_h_292_276 over_hidden  fl"><!--只用来设置内边距--><!--用来设置外右边距-->';
          html+='<div class="buy_content_con_cc width_h_292_276">';
            html+='<div class="buy_content_con_pic width_h_292_186">';
              html+='<img src="images/110.png" width="292" height="186"/>';
            html+='</div>';
            html+='<div class="buy_content_con_txt width_h_292_90">';
              html+='<p class="p1 p11">';
                html+='<a title="低调有内涵——郭小姐和她的年少的大北农英菲尼迪QX50" href="#">低调有内涵——大法师深度郭小姐和她的英菲尼迪QX50</a>';
              html+='</p>';
              html+='<p class="p2 p22">';
                html+='作者：<span class="">许绍协</span>&nbsp;&nbsp;<span class="">2016-11-14</span>';
              html+='</p>';
              html+='<p class="p3 p33">';
               html+='<span class="liulan">47856</span>&nbsp;&nbsp;<span class="huifu">0</span>';
              html+='</p>';
            html+='</div>';
          html+='</div>';
        html+='</div>';
      html+='</div>';
      }
      document.write(html);
      </script>
    </div><!--遍历内容部分完-->
    <div class="buy_content_li_list width_1200_center buy_content_li_list3 over_hidden display_n clearfix">
    <script type="text/javascript">
      var html='';
      for (var i = 1; i<=4; i++) {
      html+='<div class="buy_content_con_margin_l"><!--只用来向右移动的，这样才不会有一个因为父级宽度不够出现在下方-->';
        html+='<div class="buy_content_con_c<?=$i?> buy_content_con_c width_h_292_276 over_hidden fl"><!--只用来设置内边距--><!--用来设置外右边距-->';
          html+='<div class="buy_content_con_cc width_h_292_276">';
            html+='<div class="buy_content_con_pic width_h_292_186">';
              html+='<img src="images/111.png" width="292" height="186"/>';
            html+='</div>';
            html+='<div class="buy_content_con_txt width_h_292_90">';
              html+='<p class="p1 p11">';
                html+='<a title="安全保驾护航-谢先生和他的沃尔沃XC60" href="#">安全保驾护航-谢先生和他的沃尔沃XC60</a>';
              html+='</p>';
              html+='<p class="p2 p22">';
                html+='作者：<span class="">许绍协</span>&nbsp;&nbsp;<span class="">2016-11-14</span>';
              html+='</p>';
              html+='<p class="p3 p33">';
               html+='<span class="liulan">47856</span>&nbsp;&nbsp;<span class="huifu">0</span>';
              html+='</p>';
            html+='</div>';
          html+='</div>';
        html+='</div>';
      html+='</div>';
      }
      document.write(html);
      </script>
    </div><!--遍历内容部分完-->
    <!--以后复制的结束-->   
  </div><!--整个内容部分-->
  
 
 
 
 
 
  <div class="hr_8"></div>
  <div class="index_foot ">
    <div class="index_foot_">
      <div class="index_foot_logo cursor fl"></div>
      <div class="index_foot_phone fl">
      <p>咨询电话:18877829596</p>
      <p>（周一至周日 8:00-23:00）</p>
      </div>
      <div class="index_foot_copyright fr">
      <p class="p1"><a href="#">网站首页</a><a href="#">关于西瓜</a><a href="#">加入我们</a><a href="#">联系我们</a></p>
      <p class="p2 p3">版权所有：河池学院&nbsp;地址：广西河池市宜州市龙江路42号&nbsp;邮箱：536400</p>
      <p class="p2">CopyRight&nbsp;&copy;<!--©-->&nbsp;2016&nbsp;BitAuto,All&nbsp;Rights&nbsp;Reserved</p>
      </div>    
    </div>
  </div> 
  <div class="index_problem ">
    <div class="index_problem_ width_1200_center">
      <ul>
        <li><h1><a href="#">购物指南</a></h1>
          <ul>
              <li><a href="#">购物流程</a></li>
              <li><a href="#">会员介绍</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">联系客服</a></li>
          </ul>
        </li>
        <li><h1><a href="#">配送方式</a></h1>
          <ul>
              <li><a href="#">上门自提</a></li>
              <li><a href="#">配送费收标准</a></li>
          </ul>
        </li>
        <li><h1><a href="#">支付方式</a></h1>
          <ul>
              <li><a href="#">货到付款</a></li>
              <li><a href="#">在线支付</a></li>
              <li><a href="#">分期付款</a></li>
          </ul>
        </li>
        <li><h1><a href="#">售后服务</a></h1>
          <ul>
              <li><a href="#">售后政策</a></li>
              <li><a href="#">退款说明</a></li>
              <li><a href="#">取消订单</a></li>
          </ul>
        </li>
        <li><h1><a href="#">西瓜特色服务</a></h1>
          <ul>
              <li><a href="#">售后政策</a></li>
              <li><a href="#">退款说明</a></li>
              <li><a href="#">取消订单</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</div>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script><!--必须得放在第一的位置-->
<script type="text/javascript" src="js/index_main.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</body>
</html>